// JavaScript Document
var cityList=document.getElementsByClassName("sslcList1").item(0);
var cityLi=cityList.getElementsByTagName("li");
function ckSelect()//点击ul和li标签模拟select下拉菜单
{
	cityList.onclick=function()//下拉菜单的父对象点击事件
	{
		var twoLi=cityList.getElementsByTagName("li").item(1).style.display;//获得第二个li标签的display的属性值，判断twoLi的值，来可见或不可见除了第一li标签之外的li标签，twoLi为block时，可见，否则不可见
		if(twoLi=="")
		{
			cityList.style.height="auto"
			for(var i=0;i<cityLi.length;i++)
			{
				cityLi.item(i).style.display="block";
			}
		}
		else if(twoLi=="none")
		{
			cityList.style.height="auto"
			for(var i=0;i<cityLi.length;i++)
			{
				cityLi.item(i).style.display="block";
			}
		}
		else
		{
			for(var i=1;i<cityLi.length;i++)
			{
				cityLi.item(i).style.display="none";
			}
			cityList.style.height="25px";
		}
	}
	for(var i=1;i<cityLi.length;i++)//遍历cityList下的所有的li标签
	{
		cityLi.item(i).index=i;//给所有的li标签加索引
		cityLi.item(i).onclick=function(e)//给所有的li标签添加click事件
		{
			cityLi.item(0).innerHTML=this.innerHTML;//把当前点击li标签的内容赋值给第一个li标签
			for(var j=1;j<cityLi.length;j++)//除了第一个Li标签外，其他的li标签的display设置为none
			{
				cityLi.item(j).style.display="none";
			}
			e.stopPropagation();//阻止事件冒泡，防止与父元素的click事件冲突
		}
	}		
}
ckSelect();//执行方法
$("body").click(function(e)//当鼠标点击其他地方时，cityList下的li标签不可见，第一个li除外
{
	if(e.target.className=="sslFirstLi")//如果点击的标签的className为sslFirstLi，什么都不做
	{
		return;
	}
	else//否则cityList下的li标签不可见，第一个li除外
	{
		for(var i=1;i<cityLi.length;i++)
		{
			cityLi.item(i).style.display="none";
		}
		cityList.style.height="25px";
		for(var i=1;i<cityLi2.length;i++)
		{
			cityLi2.item(i).style.display="none";
		}
		cityLi2st2.style.height="25px"
	}
});

var cityLi2st2=document.getElementsByClassName("sslcList2").item(0);
var cityLi2=cityLi2st2.getElementsByTagName("li");
function ckSelect2()
{
	cityLi2st2.onclick=function()
	{
		var twoLi=cityLi2st2.getElementsByTagName("li").item(1).style.display;
		if(twoLi=="")
		{
			cityLi2st2.style.height="auto"
			for(var i=0;i<cityLi2.length;i++)
			{
				cityLi2.item(i).style.display="block";
			}
		}
		else if(twoLi=="none")
		{
			cityLi2st2.style.height="auto"
			for(var i=0;i<cityLi2.length;i++)
			{
				cityLi2.item(i).style.display="block";
			}
		}
		else
		{
			for(var i=1;i<cityLi2.length;i++)
			{
				cityLi2.item(i).style.display="none";
			}
			cityLi2st2.style.height="25px"
		}
	}
	for(var i=1;i<cityLi2.length;i++)
	{
		cityLi2.item(i).index=i;
		cityLi2.item(i).onclick=function(e)
		{
			cityLi2.item(0).innerHTML=this.innerHTML;
			var twoLi=cityLi2st2.getElementsByTagName("li").item(1).style.display;
			for(var j=1;j<cityLi2.length;j++)
			{
				cityLi2.item(j).style.display="none";
			}
			e.stopPropagation();
		}
	}		
}
ckSelect2();

document.getElementsByClassName("ssltMore").item(0).onclick=function()
{
	if(document.getElementsByClassName("ssltDiv2").item(0).getElementsByTagName("ul").item(0).style.height!="auto")
	{
		document.getElementsByClassName("ssltDiv2").item(0).getElementsByTagName("ul").item(0).style.height="auto";
	}
	else
	{
		document.getElementsByClassName("ssltDiv2").item(0).getElementsByTagName("ul").item(0).style.height="40px";
	}
}
/*document.body.onclick=function(e)
{
	for(var i=1;i<cityLi.length;i++)
	{
		cityLi.item(i).style.display="none";
	}
	cityList.style.height="25px";
	e.stopPropagation();
}*/